延續前一天的FileReader顯示圖片這一次新增圖片格式的限制

function showImg(thisimg) {
  var showimg = document.getElementById("showimg");

  showimg.src="";
 
  var file = thisimg.files[0];
  var fn = thisimg.value;
  var filesp= fn.lastIndexOf(".");
  var filestr=fn.substring(filesp+1).toUpperCase(); //將抓到的副檔名轉為大寫
 
  if((file.type).indexOf("image/")==-1){ 
    alert("不支援"+filestr+"檔案格式" );   //如果檔案不是圖片格式indexOf回傳-1
  }
  else if(filestr!="JPG" && filestr!="PNG" && filestr!="GIF"){
    alert("不支援"+filestr+"檔案格式" ); //限制使用除了jpg png gif 的圖片格式
  }
 else {
	
		var fr = new FileReader();

		fr.onloadend = function(even) {
		showimg.src = even.target.result;
    
	}
	fr.readAsDataURL(file);

	
 }
}
</script>

使用txt檔

使用bpn的圖片格式